import { LitElement, html, css } from 'lit';
import { styleMap } from 'lit/directives/style-map.js';
import { unsafeCSS } from 'lit';
import commonStyles from '@/main.css?inline';

class XFooter extends LitElement {
  static styles = css`
    ${unsafeCSS(commonStyles)}
    footer {background-color: #000; color: #fff; padding: 100px 0;}
    .container {margin: 0 auto; }
  `;
  render() {
    return html`
      <footer>
        <div class="x-w-lg container">
          <p style=${styleMap({fontSize:'14px'})}>版权所有 &copy;${new Date().getFullYear()}</p>
        </div>
      </footer>
    `;
  }
}

customElements.define('x-footer', XFooter);